/** ================================== INPUT ================================== */
input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  [data-theme="night"] & {
    color: #5A5A5A !important;
  }
}
/** ================================== 滚动条 ================================== */
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 4px !important;  /*滚动条宽度*/
  height: 4px !important;  /*滚动条高度*/
  background-color: rgba(255, 255, 255, 0);
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 1px;
  background-color: $theme-color-light;
  [data-theme="night"] & {
    background-color: $theme-color-night-5 !important;
  }
}


/** ================================== 提示框 ================================== */
.el-tooltip__popper.is-light {
  border: 0 !important;
  box-shadow: 2px 2px 12px 0 rgba(0,0,0,.4);
  font-size: 10px;
  color: #7e7d78;
  padding: 3px;
  [data-theme="night"] & {
    color: #dfdfdf;
    border: 1px solid $theme-color-night-dark-1 !important;
    background-color: $theme-bg-color-night;
  }
}

.popper__arrow {
  // border: 0 !important;
  [data-theme="night"] & {
    border-bottom-color: $theme-color-night-5 !important;
    &::after {
      // border-bottom-color: $theme-color-night-dark !important;
      border-bottom-color: $theme-bg-color-night !important;
    }
  }
}


/** ================================== 下拉框 ================================== */
.el-select-dropdown {
  [data-theme="night"] & {
    border-radius: 0;
    border: 1px solid $theme-color-night-5 !important;
    background-color: $theme-bg-color-night;

    /deep/ .el-select-dropdown__list {
      background-color: $theme-bg-color-night;
    }

    /deep/ .el-select-dropdown__item.hover {
      background-color: $theme-bg-color-night;
    }
  }
}


/** ================================== 加载遮罩 ================================== */
.el-loading-parent--relative {
  height: 100%;
}
.el-loading-mask {
  height: 100%;
  transition: opacity 0.1s;
  background-color: rgba(255, 255, 255, 1) !important;
  [data-theme="night"] & {
    background-color: $theme-bg-color-night !important;
  }
}

.el-loading-spinner {
  top:40% !important;
}

.el-loading-spinner .el-loading-text{
  color:$theme-color-light !important;
  [data-theme="light"] & {color:$theme-color-light !important;}
  [data-theme="night"] & {color:$theme-color-night-dark !important;}
}
.el-loading-spinner .circular {
  height: 70px !important;
  width: 70px !important;
}
.el-loading-spinner .path {
  animation: loading-dash 3.5s ease-in-out infinite;
  stroke: $theme-color-light-dark !important;
  [data-theme="night"] & {
    stroke: $theme-color-night-dark !important;
  }
  stroke-width: 3 !important;
}

/** ================================== popover ================================== */
.el-popover {
  border-radius: 0 !important;
  box-shadow: 0 0 12px 0 #929292 !important;
  [data-theme="night"] & {
    box-shadow: 0 0 20px 0 black !important;
    color: #c2c2c2;
    border:0 !important;
    background-color:$theme-bg-color-night !important;
  }
}
